<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>商品报损报溢查询</title>
<link rel="stylesheet" type="text/css" href="/static/jquery-easyui-1.3.3/themes/default/easyui.css"></link>
<link rel="stylesheet" type="text/css" href="/static/jquery-easyui-1.3.3/themes/icon.css"></link>
<script type="text/javascript" src="/static/jquery-easyui-1.3.3/jquery.min.js"></script>
<script type="text/javascript" src="/static/jquery-easyui-1.3.3/jquery.easyui.min.js"></script>
<script type="text/javascript" src="/static/jquery-easyui-1.3.3/locale/easyui-lang-zh_CN.js"></script>

<script type="text/javascript" src="/static/js/date.js"></script>
<script type="text/javascript">
	
	var type;
	var url;
	
	function formatUser(val,row){
		return val.trueName+"&nbsp;("+val.userName+")&nbsp;";
	}
	
	
	function search(){
		type=$("#s_type").combobox("getValue");
		var s_begin=$("#s_begin").datebox("getValue");
		var s_end=$("#s_end").datebox("getValue");
		$("#dg").datagrid("loadData",{total:0,rows:[]});
		$("#dg2").datagrid("loadData",{total:0,rows:[]});
		if(type==1){
			$.post("/admin/damageList/list",{bDamageDate:s_begin,eDamageDate:s_end},function(result){
				var rows=result.rows;
				for(var i=0;i<rows.length;i++){
					var row=rows[i];
					$("#dg").datagrid('appendRow',{
						id:row.id,
						number:row.damageNumber,
						date:row.damageDate,
						type:'报损单',
						user:row.user,
						remarks:row.remarks
					});
				}
			},"json");
		}else if(type==2){
			$.post("/admin/overflowList/list",{bOverflowDate:s_begin,eOverflowDate:s_end},function(result){
				var rows=result.rows;
				for(var i=0;i<rows.length;i++){
					var row=rows[i];
					$("#dg").datagrid('appendRow',{
						id:row.id,
						number:row.overflowNumber,
						date:row.overflowDate,
						type:'报溢单',
						user:row.user,
						remarks:row.remarks
					});
				}
			},"json");
		}
	}
	
	
	
	function formatUser(val,row){
		return val.trueName;
	}
	
	
	
	
	$(document).ready(function() {
		
		$("#s_begin").datebox("setValue",genLastMonthDayStr()); // 设置上个月日期
		$("#s_end").datebox("setValue",genTodayStr()); // 设置当前日期
		
		$("#dg").datagrid({
			onClickRow:function(index,row){
				if(type==1){
					$("#dg2").datagrid({
						url:'/admin/damageList/listGoods',
						queryParams:{
							damageListId:row.id
						}
					});
				}else if(type==2){
					$("#dg2").datagrid({
						url:'/admin/overflowList/listGoods',
						queryParams:{
							overflowListId:row.id
						}
					});
				}
				
			}
		});
		
	});
	
	
	function formatPrice(val,row){
		return "¥"+val;
	}
	
	function formatTotal(val,row){
		return "¥"+val;
	}
</script>
</head>
<body class="easyui-layout" style="margin: 1px">
 <div region="north" style="height: 350px">
	<table id="dg" title="报损报溢查询" class="easyui-datagrid"
	fitColumns="true"  rownumbers="true" singleSelect="true"
	 fit="true" toolbar="#tb">
		<thead>
			<th field="id" width="20" align="center" hidden="true">ID</th>
			<th field="number" width="30" align="center">单号</th>
			<th field="date" width="30" align="center">日期</th>
			<th field="type" width="20" align="center">类型</th>
			<th field="user" width="20" align="center" formatter="formatUser">操作员</th>
			<th field="remarks" width="100" align="center">备注</th>
		</thead>
	</table>
	
	<div id="tb">
		<fieldset style="border-color: #E7F0FF">
			<legend>查询设置</legend>
			&nbsp;&nbsp;&nbsp;查询日期：&nbsp;
			<input id="s_begin" class="easyui-datebox" editable=false style="width:100px"/>
			&nbsp;&nbsp;-&nbsp;&nbsp;
			<input id="s_end" class="easyui-datebox" editable=false style="width:100px"/>
			&nbsp;&nbsp;&nbsp;单据类型&nbsp;
			<select class="easyui-combobox" id="s_type" style="width: 100px" editable="false" panelHeight="auto">
				<option value="1">报损单</option>
				<option value="2">报溢单</option>
			</select>
			&nbsp;&nbsp;<a href="javascript:search()" class="easyui-linkbutton" iconCls="icon-search" plain="true">搜索</a>
		</fieldset>
	</div>
 </div>
 <div region="center" style="margin-top: 5px">
     <table id="dg2"  class="easyui-datagrid"
		fitColumns="true"  rownumbers="true" singleSelect="true"
		 fit="true" >
			<thead>
				<th field="code" width="30" align="center">商品编码</th>
				<th field="name" width="150" align="center">商品名称</th>
				<th field="model" width="50" align="center">商品型号</th>
				<th field="price" width="50" align="right" formatter="formatPrice">单价</th>
				<th field="num" width="50" align="center">数量</th>
				<th field="unit" width="50" align="center">单位</th>
				<th field="total" width="50" align="right" formatter="formatTotal">总金额</th>
			</thead>
	</table>
   
 </div>	

</body>
</html>